import React from 'react';
const NameCard = props => {
  const {name,number,isHuman,tags} = props
  return (
    <div className="alert alert-success">
        <h3 className="alert-heading">{name}</h3>
        <ul>
          <li>电话:{number}</li>
          <li>{isHuman?'人类':'外形生物'}</li>
          <hr/>
          <p>
            {tags.map((tag,idx)=>(
              <span className='badge badge-pill badge-primary' key={idx}>{tag}</span>
            ))}
          </p>
        </ul>
      </div>
  )
}

// class NameCard extends React.Component {
//   render () {
//     const {name,number,isHuman,tags} = this.props
//     return (
//       <div className="alert alert-success">
//         <h3 className="alert-heading">{name}</h3>
//         <ul>
//           <li>电话:{number}</li>
//           <li>{isHuman?'人类':'外形生物'}</li>
//           <hr/>
//           <p>
//             {tags.map((tag,idx)=>(
//               <span className='badge badge-pill badge-primary' key={idx}>{tag}</span>
//             ))}
//           </p>
//         </ul>
//       </div>
//     )
//   }
// }
export default NameCard